html,body{margin:0;padding:0}

body{
  background-color:#fff;
  background: url('topgrad.gif') top left repeat-x;
  font: 85%/1.3 Verdana,Arial,sans-serif;
  text-align: center;
  padding-bottom:20px;
}

p {margin-top:0}

h1,h2,h3 {
  /* font: normal normal 200% "Trebuchet MS",Arial,sans-serif; /**/
  font: normal normal 200% "Times new Roman",serif;
}
h2 { font-size:160% }
h3 { font-size:120% }

div#header{
  height:73px;
  width:770px;
  margin:0 auto;
  text-align:left;
}

#header .title {
  width:250px;
  float:left;
}

#header h1{
  padding:0;
  float:left;
  margin:10px 0 0 0;
  width:250px;
  color: #000;
}

#header .slogan {
  display:block;
  float:left;
  padding: 0px;
  width:200px; 
  margin:-5px auto;
  text-align:left;
  color: #000;
  font-size:0.8em;
  height:20px;
}

#menu {
  position:relative;
  right:-11px;
  float:right;
  width:373px;
  background: #a0a0a0 top right url('menu-right.gif') no-repeat;
  height:36px;
  margin-top:37px;
  padding-right:23px;
}

ul#nav, ul#nav li {
  list-style-type:none;
  margin:0;
  padding:0;
  background: top left url('menu-left.gif') no-repeat;
}

ul#nav {
  float:right;
  font-size: 85%;
  height:24px;
  padding-top:12px;
  margin-right:-9px;
  padding-left:10px;
  _padding-left:7px;
  _margin-right:-4px;
  width:auto;
  _width:375px;
}

#nav li.kontakt a {
}

ul#nav li {
  float:left;
  margin-left: 3px;
  text-align: center;
}

ul#nav a {
  float:left;
  width: 85px;
  padding: 4px 0;
  background: url('menu-grad.gif');
  text-decoration:none;
  color: white;
  height:20px;
}

ul#nav li.redakcni_system a {
  width:130px;
}
ul#nav li.blog a {
  width:60px;
}

ul#nav a:hover{
  text-decoration:underline;
}
ul#nav li.activelink a,ul#nav li.activelink a:hover{
  background: #FFF;
  color: black;
}

div#container{
  width:770px;
  margin:0 auto 10px;
  padding:20px 0 10px;
  text-align:left;
  background:#FFF;
}
div#content{
  float:left;
  display:inline;
  width:580px;
  margin:0;
}

#content h1,h2,h3,h4,h5,h6 {
  font-family:'times new roman','sans-serif'; /**/
  /* font-family:'Trebuchet MS'; /**/
}

.article .title {
  font-size:2.6em;
}
.article .text {
  font-size:0.95em;
}



div.comments div{
  background: #EEE;
  margin-bottom:10px;
}

div.comments p {
  padding: 10px;margin:0
}

div.comments div.odd{
  background:#DAE6FE;
}

div.side {
  float:right;
  display:inline;
  width: 165px;
  margin:0;
  margin-left:10px;
  margin-bottom:8px;
}
#sidebar {
  font-size:0.9em;
}
#sidebar ul {
  margin-left:0;
  margin:0;
}
#sidebar li {
  margin-left:15px;
}

#sidebar h2,h3,h4 {
  margin:0;
  padding:3px;
  padding-left:8px;
  font-weight:bold;
  background:#fff;
  color:#000;
  font-size:1.1em;
}


#sidebar .taglist ul {
  background:#e2e763;
  padding:10px;
}

#sidebar .download p {
  background:#9ed277;
  padding:10px;
}


div#sidebar p { 
  padding:10px;
}
div#side div { margin: 0 0 10px;padding: 10px 0; }

div#footer{
  clear:both;
  width:770px;
  margin-top:10px;
  padding: 10px 0;
  background: rgb(128,128,128);
  color: #FFF;
  text-align:center;
  font-size:0.8em;
}

div#footer p{
  margin:0
}
